<!--
 * @Author: 袁十一
 * @Date: 2023-03-20 14:08:09
 * @LastEditTime: 2023-03-20 16:30:13
 * @LastEditors: 袁十一
 * @Description: 图片视图
 * @FilePath: \blog\src\views\ImagesView.vue
 * 初心不变，意志坚定
-->
<template>
<el-container>
  <div class="images clearfix">
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
      <ImageCard></ImageCard>
    </div>
</el-container>
    
</template>
<script>
import ImageCard from '@/components/ImageCard.vue'
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'images',
  components: {
    ImageCard
  }
}
</script>
<style>
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
.images{
  width: 1320px;
}
</style>
